<template>
  <div class="main-container">
    <div class="l_title">矿机租赁协议</div>
    <div class="l_content">
      <em class="paragraph p_top_0">甲方：{{userinfo.username}}</em>
      <em class="paragraph p_top_0">乙方：绵竹腾盛网络科技有限公司</em>
      <em class="paragraph p_top_0">乙方确认在签署本协议前已经详细审阅过协议的内容，并完全了解协议各条款的法律含义</em>
       <em class="paragraph">一、算力租赁服务协议的确认</em>
      <div>
        <p>1、请您先仔细阅读本协议内容，充分理解本协议及各条款。如果您对本协议内容有任何疑问，请勿进行下一步操作。您可通过官方在线客服进行咨询，以便我们为您解释和说明。您通过页面点击或其他方式确认即表示您已同意本协议。</p>
        <p>2、如我们对本协议进行修改，我们将通过网站公告的方式提前予以公布。</p>
        <p>3、您确认：a）您年满18周岁并具有完全民事行为能力。b）您接受并使用我们提供的服务在您的居住地/国家符合适用法律法规和相关政策，且不违反您对于任何其他第三方的义务您发现当由于事实或法律法规变化您无法承诺本条a和/或b款规定的内容时，您会立即停止使用星空交易所提供的服务并通过客服务渠道告知星空交易所停止服务。终止服务后，您使用星空交易所服务的权利立即终止。您同意：在这种情况下，星空交易所没有义务将任何未处理的信息或未完成的服务传输给您或任何第三方。</p>
      </div>
       <em class="paragraph">二、算力的租赁</em>
      <div>
        <p>1、客户同意，在注册账户时提供合法，真实，准确和完整的个人信息。如有变化，及时更新用户信息。 星空交易所保留根据提供的信息对帐户施加限制，暂停或终止使用星空交易所矿机购买和矿机托管服务的权利。您的订单是向星空交易所就算力租赁服务发出的请求，并不代表星空交易所已经接受您的订单。星空交易所保留拒绝接受用户订单的权利。如果我们接受您的订单，则代表星空交易所和您之间就该订单所约定的算力租赁服务产生了一份具有约束力的协议（“算力租赁服务协议”），该协议约定了算力租赁的具体内容。 在此之前，订单被视为待处理，星空交易所保留拒绝接受订单以及拒绝接受用户付款的权利。</p>
        <p>2、用户在线下单并支付成功后，从下单开始一个月内订单无法撤销，请下单前仔细阅读并确认本协议条款 。</p>
        <p>3、算力租赁价格以泰达币（USDT）定价，我们将按照汇率将价格转化为等值泰达币。当虚拟货币市场行情发生非正常波动时，星空交易所有权手动调整相关汇率</p>
        <p>4、如遇算力可购买数量显示异常等不可抗拒原因导致在客户下单后星空交易所无法履行协议，我们会及时通知客户取消订单，并在取消7个工作日内退还用户所支付的等值虚拟货币。</p>
      </div>
      <em class="paragraph">三、收益分配模式</em>
      <div>
        <p>算力租赁收益分配将使用PPS理论收益进行计算，算力所产生的每日收益将扣除电费、管理费、运维费后以FIL的形式发放至星空交易所账户。</p>
      </div>
        <em class="paragraph">四、电费、管理费、运维费的收取</em>
      <div>
        <p>1、电费为0.38元/度，将从每天的收益当中进行折算，以FIL的形式扣除。（具体以页面显示为准）</p>
        <p>2、我们将从每日挖矿收益中扣除10%作为管理费，从每天的收益当中进行折算，以FIL的形式扣除。（具体以页面显示为准）</p>
        <p>3、运维费：0.07元/度，将从每天的收益当中进行折算，以FIL的形式扣除。（具体以页面显示为准）</p>
        <p>4、平台将保留调整电费、管理费、运维费的权利。如果根据实际运营情况需要对电费、管理费、运维费进行调整，我们将通过网站公告的方式提前予以公布。</p>
      </div>
      <em class="paragraph">五、算力租赁协议的终止</em>
      <div>
        <p>1、固定周期的云算力业务，到期即服务终止，用户无矿机所有权。</p>
        <p>2、云算力租期为一年，到期后，押金全额退回个人账户内。</p>
        <p>3、一个月内甲方自动解除租赁协议，扣除租赁押金10%的违约金，一个月以上一年之内解除协议需要T+7个工作日返回到个人账户。</p>
        <p>4、由于法律政策、战争、地震、火灾、电力故障或者网络故障等不可抗原因导致矿场无法继续运营的，本协议提前终止，星空交易所会告知用户并不承担相应的赔偿责任。</p>
      </div>
       <em class="paragraph">六、风险因素和免责声明</em>
       <div>
         <p>1、凡购买本服务前，用户应当认真阅读本协议，了解潜在风险，进行独立的投资判断。如对本协议条款有任何疑问，请咨询客服。以下各项风险因素因，造成的任何用户损失， 本公司不承担损害赔偿责任，风险因素包括但不限于：1、政策、法律风险：由于目前针对数字货币的政策、法律监管尚不成熟，其价值可能不受法律/监管的保护，其行为可能被认定为违反法规或政策而终止。</p>
         <p>2、数字货币风险：任何数字货币持有人和任何数量的任何数字货币的价值都可能在任何时刻失去部分或全部价值；对于因为数字货币价值降低（甚至为零）而受到的全部损失由用户自行承担，我们不承担任何责任。</p>
         <p>3、市场风险：由于挖矿难度和/或其他挖矿参数/属性的变化，数字货币的市场价格波动（法定货币对数字货币汇率），矿机过时和滞销等引起的矿机的价值、数字货币价值下跌，导致的投资亏损，我们不承担任何责任和赔偿义务。</p>
         <p>4、不可抗力及意外事件风险：自然灾害、数字货币市场危机、战争、或者国家政策变化等不能预见、不能避免、不能克服的不可抗力事件，或者病毒、木马、恶意程序攻击、网络拥堵、系统不稳定、系统或设备故障、通讯故障、电力故障、数据不能传输、数据异常、市场交易停止、第三方服务问题或政府行为等意外事件的出现，可能导致本协议终止、用户投资收益降低乃至本金损失，我们不承担任何责任。</p>
       </div>

       <div class="footText">
           <div>
              <p>甲方：{{userinfo.username}}</p>
              <p>2020-11-04</p>
           </div>
           <div class="seal">
             <img class="sealImg" src="../../assets/images/logo/seal.png" alt="">
             <p>乙方：绵竹腾盛网络科技有限公司</p>
             <p>2020-11-04</p>
           </div>
       </div>
      
    </div>
    <div class="btnbox">
       <el-button type="primary" class="Agree_btn" @click="changeClick()">同意协议，立即租赁</el-button>
        
    </div>


    <!-- 弹框 -->
      <div>
      <el-dialog
      title="确认要租赁此矿机吗?"
        :visible.sync="dialogVisible"
        width="30%"
        center
      >
       <div class="shopDetail">
         
          <!-- <p>商品名称:{{formLabelAlign.name}}</p>
          <p>商品单价:<span>{{formLabelAlign.paynumber}}</span>
    </p> -->
          
       </div>
        <el-form
          :label-position="labelPosition"
          label-width="80px"
          :model="formLabelAlign"
        >
          <el-form-item label="输入密码" prop="paypassword">
            <el-input v-model="formLabelAlign.paypassword" type="password"></el-input>
          </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="sureLend()">确 定</el-button>
        </span>
      </el-dialog>
    </div>
  </div>
</template>
<script>
export default {
  data(){
    return{
      activeIndex: sessionStorage.getItem('mineTabStatus')||"/mill/millLease",
      userinfo:{},
      identifys: '3',
      dialogVisible:false,
      formLabelAlign:{
        paypassword:""
      },
      labelPosition:"",
    }
  },
  created(){
     if(this.$route.fullPath != this.activeIndex){
            this.activeIndex = this.$route.fullPath;
        }

  },
  mounted(){
  this.getuserinfo()
   
  },
  methods:{
    changeClick(){
      this.dialogVisible=true
     
    },

   
    //实名认证
      getuserinfo() {
      this.request(this.api.getuserinfo).then(res => {
        if(res.code==0){
          this.userinfo=res.data[0];
          // 实名认证：0：未认证；1：审核中；2：审核通过；3：审核不通过；、
          //实名认证： 未认证：no；审核中：review；已完成：completed；驳回：reject）  
          let idcardType =res.data[0].idcardstate;
          // this.identifys = res.data[0].idcardstate;
          console.log(idcardType);
          if(res.data[0].idcardstate == 'no') {
            this.identifys='0';
            this.successMsg('还未实名认证,请先去实名认证');
          }
          if(res.data[0].idcardstate == 'review') {
            this.identifys='1';
            this.successMsg('您正在认证审核中');
          }
          if(res.data[0].idcardstate == 'completed') {
            this.identifys='2';
            // this.successMsg('您已实名认证')
            this.$router.push("/mill/millAgreement")
          }
         
        }
      })
    },
   
//确认租赁
      sureLend(){
        console.log(1)
       
       
       this.tabData = this.formLabelAlign
         if(this.formLabelAlign.paypassword==''){
        this.errMsg("请填写交易密码");
        return false;
      }
       return this.request(this.api.add_min, {paypassword:this.formLabelAlign.paypassword}).then((res) => {
        if (res.code == 0) {
          // this.successMsg(res.msg || "操作成功");
          //  this.tableData = res.data;
          // this.total = res.data.length;
          //  this.$router.push({name:"Mymill"})
           this.$message({
            message: res.msg,
            type: 'success'
            
          });
          this.$router.push({name:"Mymill"})
           
        }else{
          this.errMsg(res.msg);
        }
         this.dialogVisible = false;
      });
     
      },

  }
};
</script>
<style lang="scss" scoped>
// 弹窗
.item_info{
  margin-top: 10px;
  p{line-height: 30px;font-size: 16px}
  p:nth-child(1){width: 100px;text-align: left;}
}
.w60{width: 60px;text-align: center;}
.user_pay{
  border-top: 1px dashed #bebebe;margin-top: 15px;
  h2{padding: 10px 0;}  
}
.w400{width: 400px;margin-bottom: 20px;}
.w40out{width: 30px;overflow: hidden;}
.paytypetag{
  span{margin-right: 15px;}
}
.bottom_page{margin-top: 15px;}
.vipimg{width: 24px;}
.username .w110{width: 100px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


/deep/ .shopDetail{
  p{
    font-size: 14px;
    margin:10px 0  10px  0;
    
  }
  p:nth-child(1){
   font-size:20px;
   line-height: 50px;
   font-weight: bold;

  }

  p:nth-child(2){
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 20px;
    span{
      color: red;
    }
  }
}
.main-container {
  width: $content-width;
  margin: 0 auto;
  .l_title {
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin: 20px 0;
    border-radius: 3px;
    padding: 0 30px;
    background: #f1f1f1;
  }
  .l_content {
    border-radius: 3px;
    // box-shadow: ;
    overflow: hidden;
    padding: 30px;
    background: #f1f1f1;
    line-height: 2;
  }
  .paragraph {
    display: block;
    padding: 30px 0 10px;
    font-size: 14px;
    background: #f1f1f1;
    line-height: 1.5;
  }
  .footText{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .seal{
    position: relative;
    .sealImg{
    position: absolute;
    width: 100px;
    height:100px;
    top: -30px;
    left: 70px;

  }
    }
  }
  .btnbox{
    display: flex;
    justify-content: center;
    .Agree_btn{
    margin: 10px auto;
    }
  }
  
  
}
</style>